<template>
  <div>
    <!-- 按钮 -->
    <el-button type="primary" @click="willAdd">添加</el-button>

    <!-- 表格 -->
    <!-- 7.绑定自定义事件 willEdit -->
    <!-- 3.3 将list传递给list 组件 -->
    <v-list @willEdit="willEdit"> </v-list>

    <!-- 弹框 -->
    <!-- 3.info传递给子组件 -->
    <v-form :info="info" ref="form"></v-form>
  </div>
</template>
<script>
import vList from "./components/list.vue";
import vForm from "./components/form.vue";
import { toggle } from "../../mixins/toggle";
export default {
  components: {
    vList,
    vForm,
  },
  mixins: [toggle],
};
</script>
<style lang="less" scoped>
@import "../../less/index.less";
.el-button {
  margin-bottom: @margin;
}
</style>